<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>在线计算机等级考试系统</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<link rel="stylesheet" href="../source/admin_source/tpl/static/css/bootstrap.min.css" type="text/css" media="all" />
		<link rel="stylesheet" href="../source/admin_source/tpl/static/css/jquery-ui.min.css" type="text/css" media="all" />
		<link rel="stylesheet" href="../source/admin_source/tpl/Admin/common/css/admin.css" type="text/css" />
	</head>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/jquery.artDialog.js?skin=aero"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/iframeTools.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/jquery.form.min.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/jquery.validate.min.js"></script>
	<script language="javascript" src="../source/admin_source/tpl/static/js/jquery.imagePreview.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/jquery-ui.min.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/static/js/datepicker.js"></script>
	<script type="text/javascript" src="../source/admin_source/tpl/Admin/common/js/common.js"></script>
	<!--Ueditor-->
	<script type="text/javascript" src="__ROOT__/source/Ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__ROOT__/source/Ueditor/ueditor.all.js"></script>

	<!--Ueditor-->

	<body>
		<!--顶部-->
		<nav class="navbar navbar-inverse">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand" href="<{:U('article/showlist')}>">在线计算机等级考试报名系统</a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a href="http://www.kftxlz.gov.cn" target="_blank"><i class="glyphicon glyphicon-home"></i> 网站首页</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-user"></i>
								<{$description}>【
									<{$username}>】 <span class="caret"></span></a>
							<ul class="dropdown-menu" role="menu">
								<li>
									<a href="<{:U('Index/loginout')}>">退出</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container-fluid -->
		</nav>
		<!--顶部结束-->

		<div class="container-fluid">
			<div class="row">
				<include file="Admin:leftmenu" />
				<div class="col-md-9">

					<script type="text/javascript">
						$(document).ready(function() {
							$(".preview").preview();
						});
					</script>

					<script type="text/javascript">
						$(document).ready(function() {
							selecttype();
							selectistop();
							selectonindex();
						});

						function selecttype() {
							var sel = document.getElementById("type");
							var issel = '<{$ar.0.type}>';
							sel.selectedIndex = issel - 1;
						}
					</script>

					<ol class="breadcrumb">
						<li>
							<a href="<{:U('Article/showlist')}>">政策管理</a>
						</li>
						<li>
							<a href="<{:U('Article/showlist')}>">政策列表</a>
						</li>
						<li class="active">查看政策</li>
					</ol>

					<form action="<{:U('Article/modify_do')}>" method="post" class="form-horizontal form-validata" enctype="multipart/form-data">
						<div class="col-xs-11 col-xs-offset-1">

							<style>
								.step {
									position: relative;
									vertical-align: top;
									display: inline-block;
									width: 20%;
								}
								
								.step-head {
									width: 18px;
									height: 18px;
									border-radius: 50%;
									line-height: 19px;
									text-align: center;
									vertical-align: top;
									color: #bfcbd9;
									font-size: 14px;
									border: 2px solid #bfcbd9;
									z-index: 10000;
								}
								
								.step-main {
									font-size: 12px;
									color: #48576a;
								}
								
								.step-line {
									position: absolute;
									top: 9px;
									height: 5px;
									left: 22px;
									right: -5px;
									display: inline-block;
									background-color: #bfcbd9;
									z-index: 10000;
								}
								
								.step-circle {
									margin: 4px;
									width: 10px;
									height: 10px;
									border-radius: 50%;
									background-color: #bfcbd9;
								}
								
								.is-sucess > .step-head {
									color: #2f318e;
									border-color: #2f318e;
								}
								
								.is-sucess > .step-head .step-circle {
									background-color: #2f318e;
								}
								
								.is-sucess > .step-head > .step-line {
									background-color: #2f318e;
								}
								
								.last-sucess > .step-head {
									color: #2f318e;
									border-color: #2f318e;
								}
								
								.last-sucess > .step-head .step-circle {
									background-color: #2f318e;
								}
							</style>

							<button onclick="addStep()">addStep</button>
							<button onclick="clearSteps()">clearSteps</button>
							<div class="steps">
								<div class="step ">
									<div class="step-head">
										<div class="step-line"></div>
										<div class="step-icon">
											1
										</div>
									</div>
									<div class="step-main">
										步骤一
									</div>
								</div>
								<div class="step">
									<div class="step-head">
										<div class="step-line"></div>
										<div class="step-icon">
											2
										</div>
									</div>
									<div class="step-main">
										步骤二
									</div>
								</div>
								<div class="step">
									<div class="step-head">
										<div class="step-line"></div>
										<div class="step-icon">
											<!--这里可以替换成3-->
											<div class="step-circle"></div>
										</div>
									</div>
									<div class="step-main">
										步骤三
									</div>
								</div>

								<div class="step">
									<div class="step-head">

										<div class="step-icon">
											<!--这里可以替换成4-->
											<div class="step-circle"></div>
										</div>
									</div>
									<div class="step-main">
										步骤四
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-md-11 col-sm-offset-1">
								<a href="<{:U('Article/showlist')}>" class="btn btn-info">返回政策列表</a>
							</div>
						</div>
					</form>

					<input type="hidden" id="menu_action" value="article" />
				</div>
			</div>

		</div>

		<script type="text/javascript">
			$(document).ready(function() {
				//幻灯片元素与类“menu_body”段与类“menu_head”时点击
				var menu_action = $("#menu_action").val();
				$("#p_" + menu_action).addClass("select");
				$("#b_" + menu_action).show().addClass("local");

				$("#nav p").click(function() {
					$(this).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
					$("#nav p").removeClass("select");
					$(this).addClass("select");
					$(this).next("div.menu_body").addClass("local");
				});
			});
		</script>
		<script>
			var steps = $(".step");
			var stepIndex = 0;

			setStep(stepIndex);

			$(".step-icon").click(function() {
				var me = this;
				stepIndex = $(me).parents(".step").index();
				setStep(stepIndex);
			});

			function setStep(stepIndex) {
				$(steps).removeClass("is-sucess");
				$(steps).removeClass("last-sucess");

				for (var i = 0; i <= stepIndex; i++) {
					var step = steps[i];
					if (i < stepIndex) {
						$(step).addClass("is-sucess");
					} else {
						$(step).addClass("last-sucess");
					}
				}
			}

			function clearSteps() {　　　
				stepIndex = -1;　　　　
				setStep(stepIndex);
			}

			function addStep(addnum) {
				if (!addnum) {
					addnum = 1
				}
				stepIndex += addnum;
				setStep(stepIndex);
			}
		</script>
	</body>

</html>